<html lang="zh-cn">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>智慧工地管理平台</title>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="./css/base.css" />
  </head>

  <body>
    <!-- header start -->
    <div class="header clearfix">
      <div class="left">
        <div class="logo"></div>
        <h3 class="slogan">南京市六合区智慧工地监管平台</h3>
      </div>
      <div class="right">
        <p class="info">2019年3月21日</p>
        <p class="info" data-toggle="modal" data-target="#myModal">星期四</p>
        <p class="info">温度：12℃</p>
      </div>
    </div>
    <!-- header end -->
    <div class="container">
      <!-- menu start -->
      <ul class="aside-menu">
        <li class="item">
          <span>视频监控</span>
        </li>
        <li class="item">
          <span>环保监测</span>
        </li>
        <li class="item">
          <span>车辆洗轮管理</span>
        </li>
        <li class="item">
          <span>实名制人员管理</span>
        </li>
        <li class="item">
          <span>塔吊监测</span>
        </li>
        <li class="item">
          <span>渣土车管理</span>
        </li>
        <li class="item">
          <span>其他</span>
        </li>
      </ul>
      <!-- menu end -->
      <!-- content start -->
      <div class="content no-bg">
        <div class="sct-title">
          <div class="inner">
            <span>环保一体机</span>
          </div>
        </div>
        <!-- sct-filter start -->
        <div class="sct-filter">
          <form class="form-inline" style="width: 100%;">
            <div class="form-group filter-form">
              <label class="control-label">CN码:</label>
              <input type="text" class="form-control xl" placeholder="请输入CN码" />
            </div>
            <div class="form-group filter-form">
              <label class="control-label">设备名称:</label>
              <input type="text" class="form-control xl" placeholder="请输入设备名称" />
            </div>
            <div class="form-group filter-form">
              <button type="button" class="btn btn-primary btn-sm">检索</button>
            </div>
            <div class="form-group filter-form" style="float:right;">
              <button type="button" class="btn btn-primary btn-sm">添加</button>
            </div>
          </form>
        </div>
        <!-- sct-filter end -->
        <!-- sct-table start -->
        <div class="sct-table">
          <div class="box">
            <table class="table">
              <thead>
                <tr>
                  <td>编号</td>
                  <td>CN码</td>
                  <td>设备名称</td>
                  <td>添加人</td>
                  <td>添加时间</td>
                  <td>操作</td>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>在IndexedDB大部分操作并不是我们常用的调用方法</td>
                  <td>广告</td>
                  <td>广告</td>
                  <td>2015-07-25 08：32：57</td>
                  <td><a href="#" class="color-green">编辑</a> | <a href="#" class="color-orange">删除</a></td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>在IndexedDB大部分操作并不是我们常用的调用方法</td>
                  <td>广告</td>
                  <td>广告</td>
                  <td>2015-07-25 08：32：57</td>
                  <td><a href="#" class="color-green">编辑</a> | <a href="#" class="color-orange">删除</a></td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>在IndexedDB大部分操作并不是我们常用的调用方法</td>
                  <td>广告</td>
                  <td>广告</td>
                  <td>2015-07-25 08：32：57</td>
                  <td><a href="#" class="color-green">编辑</a> | <a href="#" class="color-orange">删除</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <nav class="sct-pagination">
            <ul class="pagination">
              <li class="disabled">
                <a href="#" aria-label="Previous"><span aria-hidden="true">上一页</span></a>
              </li>
              <li class="active">
                <a href="#">1 <span class="sr-only">(current)</span></a>
              </li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li>
                <a href="#" aria-label="Next"><span aria-hidden="true">下一页</span></a>
              </li>
            </ul>
          </nav>
        </div>
        <!-- sct-table end -->
      </div>
      <!-- content end -->
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
  </body>
</html>
